<template>
	<div id="data-query-page2"></div>
</template>

<script lang="ts" setup>
import { render, onMounted, nextTick, App, onBeforeUnmount, shallowRef } from "vue";
import TestDataQueryPage from "./index";
const page = new TestDataQueryPage();
const vm = shallowRef<App<Element>>()
onMounted(async () => {
	await nextTick();
	const container = document.querySelector("#data-query-page2");
	if (container) {
		vm.value = page.createComponent(container)
	}
});
onBeforeUnmount(() => {
	page.unMount()
})
</script>

<style></style>
